layui.use(['table', 'layer',"form"], function () {
    var layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        table = layui.table,
        form=layui.form;

    /**
     * 客户列表展示
     */
    var tableIns = table.render({
        elem: "#customerList"   // 用来操作表格的标识
        , url: ctx + '/customer/list' // 访问数据的URL（后台的数据接口）
        , height: 'full-125'  // 容器的高度 full-差值
        , cellMinWidth: 95  // 单元格最小宽度
        // 设置flag参数，表示查询的是客户开发计划
        , page: true // 开启分页
        , limit: 10 // 默认每页显示的数量
        , limits: [10, 20, 30, 40, 50]  // 每页页数的可选项
        , toolbar: '#toolbarDemo' // 开启表格头部工具栏，需要绑定需要显示的Id值
        , id: "customerListTable"
        , cols: [[ // 表头
            // 【field: 要求field属性值与返回的数据中对应的属性字段名一致】
            // title：设置列的标题
            // sort: 是否允许排序（默认：false）
            // fixed: 固定列
            {type: 'checkbox', fixed: 'center'}
            , {field: 'customerid', title: 'ID', width: 80, sort: true, fixed: 'left'}
            , {field: 'surname', title: '姓名', align: 'center'}
            , {field: 'age', title: '年龄', align: 'center'}
            , {field: 'gender', title: '性别', align: 'center'}
            , {field: 'tenure', title: '年限', align: 'center'}
            , {field: 'creditscore', title: '信用积分', align: 'center'}
            , {field: 'balance', title: '余额', align: 'center'}
            , {field: 'numofproducts', title: '产品数量', align: 'center'}
            , {field: 'hascrcard', title: '信用卡', align: 'center', width: 120}
            , {field: 'isactivemember', title: '会员', align: 'center'}
            , {field: 'estimatedsalary', title: '薪水', align: 'center'}
            , {field: 'exited', title: '流失', align: 'center', width: 120}
            , {field: 'complain', title: '投诉', align: 'center', width: 110}
            , {field: 'satisfactionscore', title: '满意度', align: 'center'}
            , {field: 'cardtype', title: '卡类型', align: 'center'}
            , {field: 'pointearned', title: '积分', align: 'center'}
            , {field: 'cluster', title: '类别', align: 'center'}
            , {title: '操作', templet: '#customerListBar', fixed: 'right', align: 'center', minWidth: 150}
        ]]
    });

    /**
     * 搜索 按钮点击事件，点击搜索，传入参数请求后台返回结果，重载表格
     */
    $(".search_btn").click(function () {
        /**
         * 表格重载：
         * -- 多条件查询
         */
        tableIns.reload({
            // 设置需要传递给后端的参数
            where: { // 设定异步数据接口的额外参数，任意设
                // 通过文本框/下拉框的值，设置传递参数
                  customerName: $("[name='name']").val() // 客户名
                , customerNo: $("[name='khno']").val() // 客户编号
                , level: $("#level").val() // 客户级别
            }
            , page: {
                curr: 1 // 重新从第 1 页开始
            }
        });
    });


});